<!DOCTYPE HTML>
<html>
	<head>
		<title>To be or not to be</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<link rel="shortcut icon" href="/static/images/ico.jpg" media="screen" />
		<!--[if lte IE 8]><script src="/static/yui/js/html5shiv.js" type="text/javascript"></script><![endif]-->
		<script src="/static/yui/js/jquery.min.js" type="text/javascript"></script>
		<script src="/static/yui/js/skel.min.js"></script>
		<script src="/static/yui/js/skel-panels.min.js"></script>
		<script src="/static/yui/js/init.js"></script>
		<link rel="stylesheet" href="/static/yui/style/skel-noscript.css" />
		<link rel="stylesheet" href="/static/yui/style/blog-style.css" />
		<link rel="stylesheet" href="/static/yui/style/style-desktop.css" />
		<link rel="stylesheet" href="/static/plugin/layui/css/layui.css">
	</head>
	<body class="homepage">

	<!-- Header -->
	<div id="header-wrapper">
		<div id="header" style="margin-top: -35px">
			<div class="container">
				<div id="logo" style="margin-bottom: 20px"> <!-- Logo -->
					<h1><a href="index">时光虫洞</a></h1>
					<span>by huangxiaoli</span>
				</div>
			</div>
			<div id="menu-wrapper">
				<div class="container">
					<nav id="nav">
						<ul>
							<li class="active"><a href="blog">首页</a></li>
							<li><a href="article">图文档案</a></li>
							<li><a href="video">光影缝隙</a></li>
						</ul>
					</nav>
				</div>
			</div>
		</div>
	</div>
	<!-- Header -->

	<!-- Main -->
		<div id="main-wrapper">
			
			<div id="banner">
				<div class="container">
					<div class="row">
						<section>
							<a href="#" class="image full"><img src="/static/yui/images/pics01.jpg" alt=""></a>
						</section>
					</div>
				</div>
			</div>

			<div class="container">
				<div id="main">
	
					<div class="row">

						<!-- Content -->
							<div id="content" class="8u skel-cell-important">
								<section>
									<header>
										<h2>孤独的人不会伤害别人</h2>
										<span class="byline">没有期待就没有失望,没有羁绊就不会受伤</span>
									</header>
									<div>
										<ul class="layui-timeline">
											<foreach name="timeline" item="line">
												<li class="layui-timeline-item">
													<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
													<div class="layui-timeline-content layui-text">
														<h3 class="layui-timeline-title">{$line.created_at|date='Y-m-d H:i:s',###}</h3>
														<p>
															{$line.content|html_entity_decode=###}
														</p>
													</div>
												</li>
											</foreach>
											<li class="layui-timeline-item">
												<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
												<div class="layui-timeline-content layui-text">
													<div class="layui-timeline-title">过去</div>
												</div>
											</li>
										</ul>
									</div>
								</section>
							</div>
							
						<!-- Sidebar -->
							<div id="sidebar" class="4u">
								<section>
									<header>
										<h2>秒速五厘米</h2>
										<span class="byline">生命中的每一次相遇都是奇迹</span>
									</header>
									<ul class="style1">
										<foreach name="article" item="ar">
											<li>
												<p class="date"><a href="#">{$ar.updated_at|date='Y-m-d H:i:s',###|mb_substr=0,10}<b>{$ar.updated_at|date='Y-m-d H:i:s',###|mb_substr=10,9}</b></a></p>
												<p>
													<a href="article_detail?id={$ar.id}">
														{$ar.title}
														<br>
													</a>
												</p>
											</li>
										</foreach>
									</ul>
								</section>
							</div>
	
					</div>
				
				</div>
			</div>
		</div>
	<!-- /Main -->

	<!-- Copyright -->
	<include file="yui/copyright"/>


	</body>
</html>